<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery.js"></script>
</head>

<body>
    <p>hello world</p>
    <span>666</span>
    <p>nice</p>
    <p>good man</p>
    <h1>888</h1>
</body>
<script type="text/javascript">
    //入口函数
    // $(document).ready(function () {
    // 遍历
    // $("p").each(function (index) {
    // 包裹
    // $(this).wrap("<div></div>")
    // $(this).unwrap('<div></div>')
    // $('p').wrapAll('<div></div>')
    // $('p').wrapInner('<span></span>')
    // })
    // })    
    $(function () {
        // $('span').replaceWith('<h3 >852085208520</h3>')
        $('<h4>han163@163.com</h4>').replaceAll('h1')
    })

</script>

</html>